﻿<vt:include file="masterpage.html" remark="导入MasterPage页面" />
<vt:set var="MasterPage" value="0" remark="设置一个变量,用于标示当前不处于MasterPage页中" />
<!--vt[根据MasterPage变量值来判断子页面的内容是否需要输出.这就限制了子页面的内容只在MasterPage页面中的output标签输出.]-->
<vt:if id="PageContent" var="MasterPage" value="1">

<!-- end of menu -->
    
    <div id="templatemo_slider_wrapper">
        
        <div id="slider" class="nivoSlider">
            <a href="http://sc.chinaz.com/"><img src="images/slider/01.jpg" alt="Slider 01" title="Donec sit amet gravida quam ut condimentum risus" /></a>
            <a href="http://www.flashmo.com"><img src="images/slider/02.jpg" alt="Slider 02" title="Aenean tortor vel porttitor volutpat" /></a>
            <a href="http://sc.chinaz.com/"><img src="images/slider/03.jpg" alt="Slider 03" title="Mauris lobortis placerat sollicitudin" /></a>
            <a href="http://www.flashmo.com/page/1"><img src="images/slider/04.jpg" alt="Slider 04" title="Pellentesque dignissim dapibus fermentum" /></a>
        </div>
        
        <div id="htmlcaption" class="nivo-html-caption">
        	<strong>This</strong> is an example of a HTML caption with <a href="#">a link</a>.
        </div>
    
    </div>
    
    <script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
    $('#slider').nivoSlider();
    });
    </script>
    
    <div id="templatemo_main">
        <div class="col_4">
        	<img src="images/templatemo_image_01.png" alt="Image 01" class="image_frame_215" />
            <h3 class="fp_h3">Web Design</h3>
            <p>In eget felis vitae massa dignissim venenatis vitae a dolor. Praesent bibendum hendrerit ante, pretium vehicula ante malesuada ac.</p>
            <a href="#" class="more">More</a>
        </div>
        
        <div class="col_4">
        	<img src="images/templatemo_image_02.png" alt="Image 02" class="image_frame_215" />
            <h3 class="fp_h3">3D Animations</h3>
            <p>Donec euismod adipiscing diam ac porttitor. Proin hendrerit ligula a erat semper suscipit. Duis lobortis turpis vitae ante placerat cursus.</p>
            <a href="#" class="more">More</a>
        </div>
        
        <div class="col_4">
        	<img src="images/templatemo_image_03.png" alt="Image 03" class="image_frame_215" />
            <h3 class="fp_h3">Customer Support</h3>
          <p>Etiam eu diam ac quam fermentum ultrices sit amet ac tortor. Mauris ultricies rhoncus odio, condimentum erat eleifend sed.</p>
            <a href="#" class="more">More</a>
        </div>
        
        <div class="col_4 col_l">
        	<img src="images/templatemo_image_04.png" alt="Image 04" class="image_frame_215" />
            <h3 class="fp_h3">Our Team</h3>
          <p>Ut euismod tellus sit amet orci condimentum scelerisque. Vivamus aliquam tempor arcu, in tristique arcu convallis ac. </p>
            <a href="#" class="more">More</a>
        </div>
        
        <div class="cleaner hr_divider"></div>
        
        <div class="col_2 float_l">
        	<h2>Welcome To Green Jelly</h2>
            <br class="cleaner h20" />
            <p><em>Sed mollis leo nec est tempor interdum et vulputate orci. Integer in erat nibh, nec volutpat nunc. Aliquam in congue ligula.</em></p>
            <p><a href="http://sc.chinaz.com/" target="_parent">Green Jelly</a> is  free css template provided by <a href="http://sc.chinaz.com/">templatemo.com</a> for your personal or commercial websites. Credit for Nivo Slider goes to <a href="http://nivo.dev7studios.com" target="_blank">Dev7studios</a>. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi porta, sem vitae lacinia convallis, eros sapien euismod metus, quis ultricies arcu neque eu elit. Nam vel pellentesque nunc.</p>
          <br class="cleaner h20" />
            <ul class="templatemo_list">
                <li>Dictum eu pharetra quam semper</li>
                <li>Fusce fermentum justo non libero</li>
                <li>Placerat metus egestas sem dolor in lectus</li>
                <li>Vivamus mollis, odio ut aliquam auctor</li>
            </ul>
            <div class="cleaner h20"></div>
            <a href="#" class="more">More</a>
            <br class="cleaner" />
        </div>
        
        <div class="col_2 float_r">
        	<h2>Latest Work</h2>
            <img src="images/templatemo_image_05.png" alt="Image 05" class="image_frame_430" />
            <p><em>In porta tincidunt mi eu mattis. Nam vel dolor a felis  blandit et vel libero. Donec aliquet tempor porttitor. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</em></p>
	 	    <a href="#" class="more">More</a>
            <br class="cleaner" />
        </div>
        
		<br class="cleaner" />
    </div> <!-- end of main -->

 </vt:if>